<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/echarts/4.6.0/echarts.min.js"></script>
</head>

<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="passengercount" style="width: 600px;height:400px; float: left"></div>
<div id="tipamount" style="width: 600px;height:400px;  float: left"></div>
<div id="totalamount" style="width: 600px;height:400px;  float: left"></div>
<div id="tollsamount" style="width: 600px;height:400px;  float: left"></div>
<div id="extra" style="width: 600px;height:400px;  float: left"></div>
<div id="tripdistance" style="width: 600px;height:400px;  float: left"></div>
<div id="ratecodeid" style="width: 600px;height:400px;  float: left"></div>
<div id="vendorid" style="width: 600px;height:400px;  float: left"></div>
<div id="lpeppickupdatetime" style="width: 600px;height:400px;  float: left"></div>
<div id="lpepdropoffdatetime" style="width: 600px;height:400px;  float: left"></div>
<div id="pulocationid" style="width: 600px;height:400px;  float: left"></div>
<div id="dolocationid" style="width: 600px;height:400px;  float: left"></div>
<div id="improvementSurcharge" style="width: 600px;height:400px;  float: left"></div>
<div id="storeandfwdflag" style="width: 600px;height:400px;  float: left"></div>
<div id="mtatax" style="width: 600px;height:400px;  float: left"></div>
<div id="fareamount" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount2" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount3" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount4" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount6" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount1" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercount5" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercounttriptype1" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercounttriptype2" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid6" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid1" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid2" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid3" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid4" style="width: 600px;height:400px;  float: left"></div>
<div id="passengercountratecodeid5" style="width: 600px;height:400px;  float: left"></div>
<div id="puLocationidsum" style="width: 600px;height:400px;  float: left"></div>
<div id="doLocationidsum" style="width: 600px;height:400px;  float: left"></div>


<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart1 = echarts.init(document.getElementById('passengercount'));
    var myChart2 = echarts.init(document.getElementById('tipamount'));
    var myChart3 = echarts.init(document.getElementById('totalamount'));
    var myChart4 = echarts.init(document.getElementById('tollsamount'));
    var myChart5 = echarts.init(document.getElementById('extra'));
    var myChart6 = echarts.init(document.getElementById('tripdistance'));
    var myChart7 = echarts.init(document.getElementById('ratecodeid'));
    var myChart8 = echarts.init(document.getElementById('vendorid'));
    var myChart9 = echarts.init(document.getElementById('lpeppickupdatetime'));
    var myChart10 = echarts.init(document.getElementById('lpepdropoffdatetime'));
    var myChart11 = echarts.init(document.getElementById('pulocationid'));
    var myChart12 = echarts.init(document.getElementById('dolocationid'));
    var myChart13 = echarts.init(document.getElementById('improvementSurcharge'));
    var myChart14 = echarts.init(document.getElementById('storeandfwdflag'));
    var myChart15 = echarts.init(document.getElementById('mtatax'));
    var myChart16 = echarts.init(document.getElementById('fareamount'));
    var myChart17 = echarts.init(document.getElementById('passengercount2'));
    var myChart18 = echarts.init(document.getElementById('passengercount3'));
    var myChart19 = echarts.init(document.getElementById('passengercount4'));
    var myChart20 = echarts.init(document.getElementById('passengercount6'));
    var myChart21 = echarts.init(document.getElementById('passengercount1'));
    var myChart22 = echarts.init(document.getElementById('passengercount5'));
    var myChart23 = echarts.init(document.getElementById('passengercounttriptype1'));
    var myChart24 = echarts.init(document.getElementById('passengercounttriptype2'));
    var myChart25 = echarts.init(document.getElementById('passengercountratecodeid6'));
    var myChart26 = echarts.init(document.getElementById('passengercountratecodeid1'));
    var myChart27 = echarts.init(document.getElementById('passengercountratecodeid2'));
    var myChart28 = echarts.init(document.getElementById('passengercountratecodeid3'));
    var myChart29 = echarts.init(document.getElementById('passengercountratecodeid4'));
    var myChart30 = echarts.init(document.getElementById('passengercountratecodeid5'));
    var myChart31 = echarts.init(document.getElementById('puLocationidsum'));
    var myChart32 = echarts.init(document.getElementById('doLocationidsum'));

    var option1 = {
        title: {
            left: 'center',
            text: '乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option2 = {
        title: {
            left: 'center',
            text: '小费金额统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option3 = {
        title: {
            left: 'center',
            text: '总金额统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option4 = {
        title: {
            left: 'center',
            text: '通行费总额统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option5 = {
        title: {
            left: 'center',
            text: '其他杂费和附加费统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option6 = {
        title: {
            left: 'center',
            text: '行程距离统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option7 = {
        title: {
            left: 'center',
            text: '最终费率代码统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option8 = {
        title: {
            left: 'center',
            text: '提供商的代码统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option9 = {
        title: {
            left: 'center',
            text: '上车时间统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option10 = {
        title: {
            left: 'center',
            text: '下车时间统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option11 = {
        title: {
            left: 'center',
            text: '出租车区域统计-上车'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]
    };
    var option12 = {
        title: {
            left: 'center',
            text: '出租车区域统计-下车'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option13 = {
        title: {
            left: 'center',
            text: '改进附加费统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]

    };
    var option14 = {
        title: {
            left: 'center',
            text: '标志指示统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option15 = {
        title: {
            left: 'center',
            text: '税统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]
    };
    var option16 = {
        title: {
            left: 'center',
            text: '计价器计算的时间和距离费用统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option17 = {
        title: {
            left: 'center',
            text: '付现金的乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option18 = {
        title: {
            left: 'center',
            text: '免费的乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]
    };
    var option19 = {
        title: {
            left: 'center',
            text: '争议的乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]
    };
    var option20 = {
        title: {
            left: 'center',
            text: '失效行程的乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option21 = {
        title: {
            left: 'center',
            text: '信用卡的乘客数量统计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]

    };
    var option22 = {
        title: {
            left: 'center',
            text: '付款未知的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'bar'
        }]
    };
    var option23 = {
        title: {
            left: 'center',
            text: '接头招呼乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option24 = {
        title: {
            left: 'center',
            text: '派单的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option25 = {
        title: {
            left: 'center',
            text: '拼车的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option26 = {
        title: {
            left: 'center',
            text: '标准费率的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option27 = {
        title: {
            left: 'center',
            text: 'JFK的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option28 = {
        title: {
            left: 'center',
            text: 'Newark的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option29 = {
        title: {
            left: 'center',
            text: 'Nassau的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]

    };
    var option30 = {
        title: {
            left: 'center',
            text: '议价票价的乘客数量'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option31 = {
        title: {
            left: 'center',
            text: '上车区域乘客数据总计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };
    var option32 = {
        title: {
            left: 'center',
            text: '下车区域乘客数据总计'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };

    // 定义x、y轴数据数组
    var vendorids1 = [];
    var tripdistances = [];
    //请求后台数据
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids1.push(res[i].passengercount);
                tripdistances.push(res[i].cnt);
            }
            myChart1.setOption({
                xAxis: {
                    type: 'category',
                    data: vendorids1
                },
                series: [{
                    data: tripdistances,
                    type: 'line'
                }]
            });
        }
    });
    var vendorids22 = [];
    var tipamounts = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/tipamount",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids22.push(res[i].tipamount);
                tipamounts.push(res[i].cnt);
            }

            myChart2.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids2
                },
                series: [{
                    data: tipamounts,
                    type: 'line'
                }]
            });

        }
    });
    var vendorids33 = [];
    var totalamounts = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/totalamount",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids33.push(res[i].totalamount);
                totalamounts.push(res[i].cnt);
            }
            myChart3.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids3
                },
                series: [{
                    data: totalamounts,
                    type: 'line'
                }]
            });
        }
    });
    var vendorids4 = [];
    var tollsamounts = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/tollsamount",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids4.push(res[i].tollsamount);
                tollsamounts.push(res[i].cnt);
            }
            myChart4.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids4
                },
                series: [{
                    data: tollsamounts,
                    type: 'line'
                }]
            });
        }
    });
    var vendorids5 = [];
    var passengercounts = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/extra",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids5.push(res[i].extra);
                passengercounts.push(res[i].cnt);
            }
            myChart5.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids5
                },
                series: [{
                    data: passengercounts,
                    type: 'line'
                }]
            });
        }
    });
    var vendorids6 = [];
    var extras = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/tripdistance",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids6.push(res[i].tripdistance);
                extras.push(res[i].cnt);
            }
            myChart6.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids6
                },
                series: [{
                    data: extras,
                    type: 'line'
                }]
            });
        }
    });

    var cnts1 = [];
    var puLocationids1 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/ratecodeid",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                puLocationids1.push(res[i].ratecodeid);
                cnts1.push(res[i].cnt);
            }
            myChart7.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: puLocationids1
                },
                series: [{
                    data: cnts1,
                    type: 'line'
                }]
            });
        }
    });

    var cnts2 = [];
    var doLocationids1 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/vendorid",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                doLocationids1.push(res[i].vendorid);
                cnts2.push(res[i].cnt);
            }
            myChart8.setOption({
                xAxis: {
                    type: 'category',
                    data: doLocationids1
                },
                series: [{
                    data: cnts2,
                    type: 'line'
                }]
            });
        }
    });

    var vendorids2 = [];
    var lpeppickupdatetimes = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/lpeppickupdatetime",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids2.push(res[i].lpeppickupdatetime);
                lpeppickupdatetimes.push(res[i].cnt);
            }
            myChart9.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids2
                },
                series: [{
                    data: lpeppickupdatetimes,
                    type: 'line'
                }]
            });
        }
    });

    var vendorids3 = [];
    var lpepdropoffdatetimes = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/lpepdropoffdatetime",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids3.push(res[i].lpepdropoffdatetime);
                lpepdropoffdatetimes.push(res[i].cnt);
            }
            myChart10.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids3
                },
                series: [{
                    data: lpepdropoffdatetimes,
                    type: 'line'
                }]
            });
        }
    });

    var cnts3 = [];
    var ratecodeids = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/pulocationid",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                ratecodeids.push(res[i].pulocationid);
                cnts3.push(res[i].cnt);
            }
            myChart11.setOption({
                xAxis: {
                    type: 'category',
                    data: ratecodeids
                },
                series: [{
                    data: cnts3,
                    type: 'bar'
                }]
            });
        }
    });

    var vendorids7 = [];
    var improvementSurcharges = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/dolocationid",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                vendorids7.push(res[i].dolocationid);
                improvementSurcharges.push(res[i].cnt);
            }
            myChart12.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: vendorids7
                },
                series: [{
                    data: improvementSurcharges,
                    type: 'line'
                }]
            });
        }
    });

    var cnts6 = [];
    var paymenttypes = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/improvementSurcharge",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                paymenttypes.push(res[i].improvementSurcharge);
                cnts6.push(res[i].cnt);
            }
            myChart13.setOption({
                xAxis: {
                    type: 'category',
                    data: paymenttypes
                },
                series: [{
                    data: cnts6,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts8 = [];
    var paymenttype1s = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/storeandfwdflag",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                paymenttype1s.push(res[i].storeandfwdflag);
                cnts8.push(res[i].cnt);
            }
            myChart14.setOption({
                xAxis: {
                    type: 'category',
                    data: paymenttype1s
                },
                series: [{
                    data: cnts8,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts9 = [];
    var triptypes = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/mtatax",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                triptypes.push(res[i].mtatax);
                cnts9.push(res[i].cnt);
            }
            myChart15.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: triptypes
                },
                series: [{
                    data: cnts9,
                    type: 'line'
                }]
            });
        }
    });

    var cnts10 = [];
    var triptype1s = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/fareamount",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                triptype1s.push(res[i].fareamount);
                cnts10.push(res[i].cnt);
            }
            myChart16.setOption({
                xAxis: {
                    type: 'category',
                    data: triptype1s
                },
                series: [{
                    data: cnts10,
                    type: 'bar'
                }]
            });
        }
    });

    var tripdistances1 = [];
    var passengercounts1 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount2",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                tripdistances1.push(res[i].passengercount);
                passengercounts1.push(res[i].cnt);
            }
            myChart17.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: tripdistances1
                },
                series: [{
                    data: passengercounts1,
                    type: 'line'
                }]
            });
        }
    });

    var cnts11 = [];
    var passengercounts2 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount3",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts2.push(res[i].passengercount);
                cnts11.push(res[i].cnt);
            }
            myChart18.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts2
                },
                series: [{
                    data: cnts11,
                    type: 'bar'
                }]
            });
        }
    });

    var cnt13 = [];
    var passengercounts19 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount4",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts19.push(res[i].passengercount);
                cnt13.push(res[i].cnt);
            }
            myChart19.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts19
                },
                series: [{
                    data: cnt13,
                    type: 'bar'
                }]
            });
        }
    });

    // var cnts20 = [];
    // var puLocationids = [];
    // $.ajax({
    //     type: "post",
    //     url: "taxi/data/list/passengercount6",
    //     contentType: "application/json",
    //     success: function (res) {
    //         for (var i = 0; i < res.length; i++) {
    //             puLocationids.push(res[i].passengercount);
    //             cnts20.push(res[i].cnt);
    //         }
    //         myChart20.setOption({
    //             xAxis: {
    //                 type: 'category',
    //                 boundaryGap: false,
    //                 data: puLocationids
    //             },
    //             series: [{
    //                 data: cnts20,
    //                 type: 'line'
    //             }]
    //         });
    //     }
    // });

    var cnts21 = [];
    var passengercounts21 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount1",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts21.push(res[i].passengercount);
                cnts21.push(res[i].cnt);
            }
            myChart21.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts21
                },
                series: [{
                    data: cnts21,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts22 = [];
    var passengercounts22 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercount5",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts22.push(res[i].passengercount);
                cnts22.push(res[i].cnt);
            }
            myChart22.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts22
                },
                series: [{
                    data: cnts22,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts23 = [];
    var passengercounts23 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercounttriptype1",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts23.push(res[i].passengercount);
                cnts23.push(res[i].cnt);
            }
            myChart23.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts23
                },
                series: [{
                    data: cnts23,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts24 = [];
    var passengercounts24 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercounttriptype2",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts24.push(res[i].passengercount);
                cnts24.push(res[i].cnt);
            }
            myChart24.setOption({
                xAxis: {
                    type: 'category',
                    data: passengercounts24
                },
                series: [{
                    data: cnts24,
                    type: 'bar'
                }]
            });
        }
    });

    var cnts25 = [];
    var passengercounts25 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid6",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts25.push(res[i].passengercount);
                cnts25.push(res[i].cnt);
            }
            myChart25.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts25
                },
                series: [{
                    data: cnts25,
                    type: 'line'
                }]
            });
        }
    });

    var cnts26 = [];
    var passengercounts26 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid1",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts26.push(res[i].passengercount);
                cnts26.push(res[i].cnt);
            }
            myChart26.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts26
                },
                series: [{
                    data: cnts26,
                    type: 'line'
                }]
            });
        }
    });

    var cnts27 = [];
    var passengercounts27 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid2",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts27.push(res[i].passengercount);
                cnts27.push(res[i].cnt);
            }
            myChart27.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts27
                },
                series: [{
                    data: cnts27,
                    type: 'line'
                }]
            });
        }
    });

    var cnts28 = [];
    var passengercounts28 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid3",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts28.push(res[i].passengercount);
                cnts28.push(res[i].cnt);
            }
            myChart28.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts28
                },
                series: [{
                    data: cnts28,
                    type: 'line'
                }]
            });
        }
    });

    var cnts29 = [];
    var passengercounts29 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid4",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts29.push(res[i].passengercount);
                cnts29.push(res[i].cnt);
            }
            myChart29.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts29
                },
                series: [{
                    data: cnts29,
                    type: 'line'
                }]
            });
        }
    });

    var cnts30 = [];
    var passengercounts30 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/passengercountratecodeid5",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                passengercounts30.push(res[i].passengercount);
                cnts30.push(res[i].cnt);
            }
            myChart30.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: passengercounts30
                },
                series: [{
                    data: cnts30,
                    type: 'line'
                }]
            });
        }
    });

    var cnts31 = [];
    var puLocationids31 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/puLocationidsum",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                puLocationids31.push(res[i].puLocationid);
                cnts31.push(res[i].cnt);
            }
            myChart31.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: puLocationids31
                },
                series: [{
                    data: cnts31,
                    type: 'line'
                }]
            });
        }
    });

    var cnts32 = [];
    var puLocationids32 = [];
    $.ajax({
        type: "post",
        url: "taxi/data/list/doLocationidsum",
        contentType: "application/json",
        success: function (res) {
            for (var i = 0; i < res.length; i++) {
                puLocationids32.push(res[i].doLocationid);
                cnts32.push(res[i].cnt);
            }
            myChart32.setOption({
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: puLocationids32
                },
                series: [{
                    data: cnts32,
                    type: 'line'
                }]
            });
        }
    });


    myChart1.setOption(option1);
    myChart2.setOption(option2);
    myChart3.setOption(option3);
    myChart4.setOption(option4);
    myChart5.setOption(option5);
    myChart6.setOption(option6);
    myChart7.setOption(option7);
    myChart8.setOption(option8);
    myChart9.setOption(option9);
    myChart10.setOption(option10);
    myChart11.setOption(option11);
    myChart12.setOption(option12);
    myChart13.setOption(option13);
    myChart14.setOption(option14);
    myChart15.setOption(option15);
    myChart16.setOption(option16);
    myChart17.setOption(option17);
    myChart18.setOption(option18);
    myChart19.setOption(option19);
    myChart20.setOption(option20);
    myChart21.setOption(option21);
    myChart22.setOption(option22);
    myChart23.setOption(option23);
    myChart24.setOption(option24);
    myChart25.setOption(option25);
    myChart26.setOption(option26);
    myChart27.setOption(option27);
    myChart28.setOption(option28);
    myChart29.setOption(option29);
    myChart30.setOption(option30);
    myChart31.setOption(option31);
    myChart32.setOption(option32);
</script>
</body>
</html>